<template>
    <div class="gis2">
        <el-button @click="changeOptions">Change Options</el-button>
        <Map :access-token="accessToken" map-id="map2" :options="options" />
    </div>
</template>

<script setup lang="ts">
let accessToken = ref('6')

const options = ref({
    zoom: 2.2,
    center: [110, 39]
})

const changeOptions = () => {
    options.value.zoom += 1
}
</script>

<style lang="less" scoped>
.gis2 {
    height: 100%;
    width: 100%;
}
</style>